<template>
	<section class="todoapp">
		<TodoHeader></TodoHeader>
		<TodoMain></TodoMain>
		<TodoFooter></TodoFooter>
	</section>
</template>

<script>
import TodoHeader from './components/TodoHeader.vue'
import TodoMain from './components/TodoMain.vue'
import TodoFooter from './components/TodoFooter.vue'
import './styles/base.css'
import './styles/index.css'
	// 样式引入 + 导入组件并注册使用
	export default {
		components:{
			TodoHeader,
			TodoMain,
			TodoFooter,
		},
		data() {
			return {
				
			};
		}
	};
</script>
